<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>期末作业</title>
    <link rel="stylesheet" href="1.css">
</head>
<body>
    <div class="da">
        <div>
            <img src="./18.png" alt="公司图标" align="left">
                 <p align="right" class="p1">Home&nbsp;&nbsp;|&nbsp;&nbsp;Contact&nbsp;Us&nbsp;&nbsp;|&nbsp;&nbsp;Help&nbsp;&nbsp;|&nbsp;&nbsp;中文</p>
           <form align="right">
            <input type="text">
            <input type="submit" value="GO">
           </form>
        </div>
        <br>
        <div class="navbar">
          <a class="active" href="#home">Home</a>
          <a href="#about">About Us</a>
          <a href="#news">News</a>
          <a href="#product">Product</a>
          <a href="#csr">CSR</a>
          <a href="#help">Help</a>
          <a href="#contact">Contact Us</a>
        </div>
        <!-- 页面主内容 -->
        <div class="banner">
      <p>.</p>
      </div>
      <div class="content">
          <div class="about-us">
              <h2>About Us</h2>
              <div class="menu-item selected" onclick="selectItem(this)">Company Profile</div>
              <div class="menu-item" onclick="selectItem(this)">Contact Us</div>
              <div class="menu-item" onclick="selectItem(this)">Facilities Photo</div>
            </div>
            
            <script>
            function selectItem(selectedItem) {
              var items = document.querySelectorAll('.menu-item');
              items.forEach(function(item) {
                item.classList.remove('selected');
              });
              selectedItem.classList.add('selected');
            }
            </script>
          <div class="main">
              <h2 class="y1"><img src="./29.jpg" alt="">Company
                  Profile&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
                      src="./28.jpg" alt=""></h2>
              <p>Hangzhou Ruiyu Chemical Co., Ltd. was established in 2002, mainly on the area of manufacturing and
                  trading chemical intermediate. We have factories locate in Zhejiang, Jiangsu, and Hebei Province, and
                  our main office in Hangzhou city where is regarded as "paradise on earth", and also the most successful
                  business city in China.</p>
              <p>Under over 8-year efforts, we have now ranked ourselves as one of the most important manufacturers and
                  exporters of Hair Dye Intermediate, Medical Intermediates in China. We have a group of about 200 dynamic
                  and experienced salesmen to develop our products in both domestic and foreign markets.</p>
              <p>We take "Top Quality, High efficiency" as our company spirit. We guarantee to supply steady. High
                  performance products, with continuous technology innovation to meet clients different requirement.. We
                  will keep sincerity and produce on the basis of "Rycolor Brand.</p>
              <p>Choose RYCOLOR as your supplier and be certain of a nice co-operation right from the start and a mutual
                  benefits in the near future.</p>
          </div>
      </div>

  <!-- 页面底部 -->
  <footer>
    <hr>
    <ul>
      <li><a href="service.html">Copyright &copy; 2010 Hangzhou Ruiyu Chemical Co., Ltd. All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Service Support</a></li>
      <li><a href="products.html">Product Center</a></li>
      <li><a href="contact.html">Contact Us</a></li>
      <li><a href="help.html">Help</a></li>
      <li><a href="index.html">中文</a></li>
    </ul>
    <hr>
    <p class="p11">浙ICP备065656569号</p>
  </footer>
    </div>
</body>
</html>